/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {font-size: 1em;font-weight: normal;font-style: normal;}
ul, ol {list-style: none;}
fieldset, img {border: none;}
caption, th {text-align: left;}
table {border-collapse: collapse;border-spacing: 0;}
hr {margin: 0;padding: 0;}

/* content */

body#account {font-family: "Lucida Grande", Geneva, Arial, Tahoma, Verdana, sans-serif;color: #333;}
a {text-decoration:underline;color: #333;outline: none;}
a:hover {color: #000;text-decoration:none;}

strong {font-weight:bold;}
em {font-style:italic;}

#container {width:500px;}
#header {height:60px;background:url('../images/logo.png') no-repeat top left;margin-top:100px;}
#main {font-size:12px;}
h2.title {font-size:20px;font-weight:bold;line-height:30px;height:40px;}
span.other {font-size:11px;text-align:right;float:right;font-weight:normal;color:#333;}
/**
	=Form *************************************
**/
table.form {width:100%;}
table.form td.fields{width:300px;}
table.form tr th{
	border:#ddd solid 1px;
	background:url('../images/table_header.png') repeat-x left center;
	font-weight:bold;
	color:#666;
	padding:5px 0.6em 5px 0.6em;
	white-space:nowrap;
}
table.form td {
	padding: 5px 0.6em 5px 0.6em;
	white-space:nowrap;
	border:#ddd solid 1px;
}
table.form td.labels {
	width:130px;
	text-align:right;
	font-weight:bold;
}
.normal_input_width {width:300px;font-size:14px;}
input.submit {font-size:12px;margin: 6px 4px 10px 165px;padding:4px;vertical-align:middle;}
tr.button_area td {background-color:#eee;}
/**
	=FLASHES **********************
**/
.green.flash,.red.flash{
	width:500px;
	height:24px;
	margin-top:5px;
	margin-bottom:10px;
}
.green.flash .start, .green.flash .end, .red.flash .start, .red.flash .end{
	height:24px;
	width:12px;
	float:left;
}
.green.flash .start, .green.flash .end{background:url('../images/flash_green_bg.png') no-repeat;}
.red.flash .start, .red.flash .end{background:url('../images/flash_red_bg.png') no-repeat;}
.green.flash .end,.red.flash .end{background-position:-12px 0px;float:right !important;}
.green.flash .notice, .red.flash .notice{
	color:white;
	width:476px;
	float:left;
	height:24px;
	line-height:24px;
	font-weight:bold;
	text-shadow: #333 1px 1px 1px;
}
.green.flash .notice{background-color:#090;}
.red.flash .notice{background-color:#c03;}
/**
	=ERRORS ***************************
**/
#errorExplanation {
  width: 484px;
  border: 1px solid #c03;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  margin: -7px;
  font-size: 12px;
  background: #c03 url(../images/admin/error_bg.gif) repeat left top;
  color: #fff;
  padding: 5px 0.5em 5px 0.5em;
  text-shadow: #333 1px 1px 1px;
}
#errorExplanation p {
  color: #333;
  margin-top:10px;
  margin-bottom: 0;
  padding: 2px 0 5px 0;
  line-height:20px;
}
#errorExplanation ul {
  margin: 0;
  margin-left:20px;
}
#errorExplanation ul li {
  font-size: 12px;
  line-height:18px;
  list-style: square;
}
.fieldWithErrors input,.fieldWithErrors textarea,.fieldWithErrors select{
	background-color:#c03;
	color:#fff;
}
#footer {padding:10px;width:500px;}
.copyright {font-size:11px;}

.hide {display:none;}
.right {float:right;}
.left {float:left;}
.center {clear:both;margin:auto;}
.clear {float:none;display:none;height:0px;clear:both;}

